<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>css选择器</title>
		
		<style>
			/*1. 利用标签名选择器,修饰div的样式,添加背景色 */
			div{
				background-color: #FF1493;
				text-indent: 60px;/* 首行缩进 */
			}
			/*2. 利用class选择器(先加class属性,然后通过.获取class的值),修饰p和span的样式,加大字号 */
			.x{
				font-size: 50px;
			}
			/*3. 利用id选择器(先加id属性,然后通过#获取id的值),修饰a的样式,居中,字的颜色 */
			#m{
				text-align: center;
				color: #008000;
			}
			/*4. 分组选择器:用不同的选择器选中很多元素,再修饰  */
			.x , #m {
				background-color: aqua; /* 设置背景色*/
			}
			/*5. 给所有input设置背景色为蓝色  */
			input{
				background-color: blue;
			}
			/*6. 属性选择器:按照标签的属性的值选择元素,给所有input type="text" 的设置背景色为红色  */
			input[type="text"] {
				background-color: red;
			}
		</style>
	</head>
	<body>
			<input type="text" placeholder="用户名"/>
			<input type="text" placeholder="昵称"/>
			<input type="password" placeholder="密码"/>
			<input type="password" placeholder="确认密码"/>
			
		
			<div>我是div</div>
			<p class="x">我是p</p>
			<span class="x">我是span</span>
			<a id="m">我是a</a>
	</body>
</html>